import Vue from 'vue'
import VueRouter from 'vue-router'

const Home = () =>
    import ('views/home/Home')
const Cart = () =>
    import ('views/cart/Cart')
const Category = () =>
    import ('views/category/Category')
const Profile = () =>
    import ('views/profile/Profile')
const Detail = () =>
    import ('views/detail/Detail')
const Login = () =>
    import ('views/login/Login')


Vue.use(VueRouter)

const routes = [{
        path: '/',
        redirect: '/home'
    }, {
        path: '/home',
        name: 'Home',
        component: Home
    },
    {
        path: '/cart',
        component: Cart
    },
    {
        path: '/category',
        component: Category
    }, {
        path: '/profile',
        component: Profile
    }, {
        path: '/detail/:iid',
        component: Detail
    }, {
      path: '/login',
      component: Login
  }
]

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
})

export default router